<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:67:"G:\wamp\www\xxoa\public/../application/index\view\index\newpic.html";i:1536635754;s:69:"G:\wamp\www\xxoa\public/../application/index\view\upload\editing.html";i:1536635754;s:66:"G:\wamp\www\xxoa\public/../application/index\view\index\index.html";i:1536635754;}*/ ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head lang="cn">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!--引用百度地图API-->
    <script type="text/javascript"
            src="http://api.map.baidu.com/api?v=2.0&ak=KqoVSkkSstSR3CKks9pdOMn3TZQ37tDy"></script>
    <title>云图网_专注免费设计素材下载的网站_免费设计图片素材中国</title>
    <meta name="keywords"
          content="云图网,免费素材下载,云图免费素材图库,矢量图,矢量图库,图片素材,网页素材,免费素材,PS素材,网站素材,设计模板,设计素材,www.xxoa.top,网页模板免费下载,千图,素材中国,素材,免费设计,图片"/>
    <meta name="description"
          content="云图(www.xxoa.top) 是专注免费设计素材下载的网站！提供矢量图素材,矢量背景图片,矢量图库,还有psd素材,PS素材,设计模板,设计素材,PPT素材,以及网页素材,网站素材,网页图标免费下载"/>
    <link rel="icon" href="static/index/registe/imgs/yun.ico" type="image/x-icon"/>
    <meta name="renderer" content="webkit">
    <link href="/static/index/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/index/css/page.css" rel="stylesheet">
    <link href="/static/index/css/toastr.css" rel="stylesheet">
    <link href="/static/index/css/active.css" rel="stylesheet">
    <script src="/static/index/js/jquery.min.js" type="text/javascript" charset="utf-8" er></script>
    <!--<script type="text/javascript">-->
    <!--//平台、设备和操作系统-->
    <!--var system = {-->
    <!--win: false,-->
    <!--mac: false,-->
    <!--xll: false,-->
    <!--ipad:false-->
    <!--};-->
    <!--//检测平台-->
    <!--var p = navigator.platform;-->
    <!--system.win = p.indexOf("Win") == 0;-->
    <!--system.mac = p.indexOf("Mac") == 0;-->
    <!--system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);-->
    <!--system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;-->
    <!--//跳转语句，如果是手机访问就自动跳转到wap.baidu.com页面-->
    <!--if (system.win || system.mac || system.xll||system.ipad) {-->
    <!--window.location.href = "<?php echo url('index/index/index'); ?>";-->
    <!--} else {-->

    <!--window.location.href = "<?php echo url('mobile/index/index'); ?>";-->
    <!--}-->
    <!--</script>-->

    
<link rel="stylesheet" type="text/css" href="/static/index/css/upload_333cb5e9a7ec46dd.css" />
<link rel="stylesheet" type="text/css" href="/static/index/css/newpic.css" />
<link rel="stylesheet" type="text/css" href="/static/index/css/newpic1.css" />
<!-- <script type="text/javascript" src="/static/index/js/gdtevent.min.js"></script> -->

<script type="text/javascript">
    var now = new Date();
    var beginTime = now.getTime();
    var b = 1;
    var stime = "1534990869";
    setInterval(function () {
        stime++;
    }, 1000);
</script>

    <link rel="stylesheet" type="text/css" href="/static/index/css/259.css"/>
    <link rel="stylesheet" type="text/css" href="/static/index/css/260.css"/>
    <!--[if lt IE 9]>
    <!--<script src="/static/index/js/html5shiv.min.js"></script>-->
    <!--<script src="/static/index/js/respond.min.js"></script>-->
</head>
<body version="v1.0" style="background-color: #E8EDED">
<!--第1个NAV-->
<div class="qt-header">
    <div class="qt-header-container clearfix ">
        <div class="header-nav">
            <div class="search-fixed">
                <div class="search-main clearfix">
                    <div class="btn-classify"><i class="icon icon-p-fenlei"></i>分类</div>
                    <div class="fl search-input">
                        <div>
                            <input type="text" class="fl" placeholder="9,600,200免费设计素材任意下载" value="" data-isShow="1"
                                   data-where="1">
                        </div>
                    </div>
                    <div class="qt-btn btn-green-linear btn-search fr"><i class="icon icon-p-search"></i></div>
                    <div class="search-result"></div>
                    <div class="search-classify"></div>
                    <div class="search-cue">想找什么岗位的简历模板？</div>
                </div>
            </div>
        </div>

        <div class="qt-container">
            <div class="header-logo fl">
                <a href="<?php echo url('index/index/index'); ?>" title="云图网"><img src="/static/index/images/1.png" width="239.5"
                                                                       height="26" alt="云图网">
                    &nbsp;
                </a>
            </div>
            <?php if(\think\Session::get('uid')): ?>
            <div class="person">
                <?php if(\think\Session::get('icon')): ?>
                <img class="img-circle" src="http://pdyc9epam.bkt.clouddn.com/<?php echo \think\Session::get('icon'); ?>"
                     style="width: 40px;height: 40px">
                <?php else: ?>
                <img class="img-circle" src="/static/default.jpg" style="width: 40px;height: 40px">
                <?php endif; ?>
                <p class="blo-tel"><?php echo \think\Session::get('name'); ?></p>
                <div class="put-up" style="position: absolute;right: 10px;top: 45px;display:none; width: 100px;">
                    <div class="list-group">
                        <a href="<?php echo url('index/Details/home'); ?>"
                           class="list-group-item list-group-item-success">个人中心</a>
                        <a href="#" class="list-group-item list-group-item-info">我的收藏</a>
                        <a href="#" class="list-group-item list-group-item-warning">我的作品</a>
                        <a href="<?php echo url('index/login/outlogin'); ?>" class="list-group-item list-group-item-danger">退出</a>
                    </div>
                </div>
            </div>
            <?php else: ?>
            <div class="header-user login fr">
                <p class="qt-btn">
                    <a id="loginBtn" style="display:none!important;"
                       onclick="$('.login-model').css('display', 'block');"></a>
                    <a href="<?php echo url('index/login/index'); ?>" class="base_statistics" data-id="login">登录</a>
                </p>
                <p class="qt-btn btn-green-linear">
                    <a href="<?php echo url('index/registe/index'); ?>" class="base_statistics" data-id="reg">注册</a>
                </p>
                <input type="hidden" id="gx_vip_expireds" value="">
                <input type="hidden" id="gx_vip_flags" value="">
                <input type="hidden" id="gx_isLife" value="">
                <input type="hidden" id="yc_vip_expireds" value="">
                <input type="hidden" id="yc_vip_flags" value="">
                <input type="hidden" id="yc_isLife" value="">
                <input type="hidden" id="bg_vip_expireds" value="">
                <input type="hidden" id="bg_vip_flags" value="">
                <input type="hidden" id="bg_isLife" value="">
                <input type="hidden" id="public_user_id" value="">
            </div>
            <?php endif; ?>
            <div class="header-upload hover-box header-right fr">
                <i class="icon icon-p-shangchuan"></i>
                <!--<a href="http://www.58pic.com/index.php?m=upload&a=lists" target="_blank"><!-- author tumingke 2018-06-20 -->
                <a href="<?php echo url('index/upload/index'); ?>" target="_blank">上传</a>
            </div>
            <div class="header-vip hover-box header-right fr">
                <i class="icon icon-p-VIP"></i>
                <a href="<?php echo url('index/vip/index'); ?>" target="_blank" data-mark-header="h_v_t">VIP</a>
            </div>
        </div>
    </div>
</div>
<!--第1个NAV-->

<div style="background-color: red;">
</div>

                <div class="index-main">
                    
<div class="showDetail-container  YC-type OGC-type">
    <div class="showDetail-header">
        <div class="detailHeader-wrap">
            <div class="w1200 clearfix " >
                <div class="fr clearfix">
                    <div class="fr clearfix detail-down">
                        <div class="detailBtn-down download-page fl" sta-site="6" data-id="28837922" stats-point="101">
                            <i class="icon icon-loadown"></i><a href="<?php echo url('index/download/dodown',['icon'=>$data['icon'],'id'=>$data['id'],'dw_num'=>$dw_num]); ?>" style="color:#fff;"  class="d-btn" down-num="<?php echo $dw_num; ?>">VIP免费下载</a>
                        </div>
                        <?php if(\think\Session::get('uid')): if($userinfo['collstatus']): ?>
                                <div class="house-btn detailBtn-fav fl handle-fav" sta-site="7"  data-action="addFav" stats-point="102">
                                    <i class="icon icon-shoucang coll-btn" data-id="<?php echo $data['id']; ?>" style="color: red"></i>
                                </div>
                            <?php else: ?>
                                <div class="house-btn detailBtn-fav fl handle-fav" sta-site="7" data-id="<?php echo $data['id']; ?>" data-action="addFav" stats-point="102">
                                    <i class="icon icon-shoucang coll-btn" data-id="<?php echo $data['id']; ?>" ></i>
                                </div>
                            <?php endif; else: ?>
                            <div class="house-btn detailBtn-fav fl handle-fav" sta-site="7" data-id="<?php echo $data['id']; ?>" data-action="addFav" stats-point="102">
                                <i class="icon icon-shoucang msg-btn" ></i>
                            </div>
                        <?php endif; ?>
                    </div>
                    <div class="detailPic-infoList fr"><i class="icon icon-loadown"></i><span id="s_dnum"><?php echo $sold; ?></span>
                    </div>
                    <div class="detailPic-infoList fr"><i class="icon icon-shoucang"></i><span id="s_fav"><?php echo $data['house']; ?></span>
                    </div>
                    <div class="detailPic-infoList fr"><i class="icon icon-liulan"></i><span id="s_readnum"><?php echo $look; ?></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="showDetail-main w1200 clearfix">
        <div class="main-left fl">
            <div class="mainLeft-title">
                <div class="pic-type"><i class="pic-type-icon"></i>原创</div>
                官方授权可商用100%正版作品。成为原创VIP即可享受免费海量下载，低至每天0.18元。
                <a href="<?php echo url('index/vip/index'); ?>" class="alert-color " data-mark-header="d_w_l" sta-site="4" stats-point="106" rel="nofollow" target="_blank">点击了解详细 &gt;&gt;</a>
            </div>
            <div class="mainLeft-title " style="margin-top: 20px">
                <p style="font-size: 20px">描述:<?php echo $data['desc']; ?></p>
            </div>
            <div class="mainLeft-pics">
                <div id="show-area-height" style="width: 100%;">
                    <img src="http://pdyc9epam.bkt.clouddn.com/<?php echo $data['icon']; ?>?imageMogr2/format/jpg/blur/1x0/quality/75|watermark/1/image/aHR0cDovL3BkeWM5ZXBhbS5ia3QuY2xvdWRkbi5jb20vMjAxODA5MTA1Yjk2MzA5Yzk5YWY5LnBuZw==/dissolve/73/gravity/Center/dx/10/dy/10|imageslim" class="show-area-pic" id="show-area-pic" alt="复古手绘花朵创意装饰画" title="复古手绘花朵创意装饰画" width="650" width="780px" data-toggle="modal" data-target="#myModal" >

                </div>
            </div><!--end images-->
            <div class="combine2"><a>登录查看更多精彩内容<i></i></a></div>
        </div>
        <div class="main-right fr">
            <div class="mainRight-file">
                <div class="file-logo psd"><img src="/static/index/images/imglog.png" width="70px" height="70px">
                </div>
                <p>文件格式：<?php echo $data['ext']; ?></p>
                </div>
            <p>编号：<?php echo $data['id']; ?></p>
            <p>下载量:<?php echo $sold; ?>次</p>
            <p>模式：RGB</p>
            <p>体积：<?php echo $data['size']; ?>KB</p>
            <p> 肖像权/物权：未获得模特肖像权或所有物权授权</p>
            <p> 版权所有：@云图网</p>
            <div class="mainRight-user clearfix">
                <div class="fl">
                    <a href="<?php echo url('index/details/home',['uid'=>$data['uid']]); ?>" class="fl user-img" title="TA的个人主页" target="_blank" rel="nofollow">
                            <?php if($icon): ?>
                            <img class="head-img2" src="http://pdyc9epam.bkt.clouddn.com/<?php echo $icon; ?>" width="80" height="80" alt="">
                            <?php else: ?>
                            <img class="head-img2" src="/static/default.jpg" width="80" height="80" alt="">
                            <?php endif; ?>
                       </a>
                    <div class="user-box fl">
                        <div>
                            <a href="#" title="TA的个人主页" target="_blank" rel="nofollow"><?php echo $name; ?></a>
                        </div>
                    </div>
                    <div class="user-detail" >
                        <a href="#">
                            <?php if($icon): ?>
                            <img class="head-img2" src="http://pdyc9epam.bkt.clouddn.com/<?php echo $icon; ?>" width="80" height="80" alt="">
                            <?php else: ?>
                            <img class="head-img2" src="static/default.jpg" width="80" height="80" alt="">
                            <?php endif; ?>
                        </a>
                        <div class="detail-name">
                            <a href="#"><?php echo $name; ?></a>
                        </div>
                        <div class="clearfix detail-count">
                            <div class="fl">
                                <a href="#"><span>创作</span><br><span><?php echo $userinfo['goodscount']; ?></span></a>
                            </div>
                            <div class="fr">
                                <a href="#"><span>粉丝</span><br><span class="fanscount"><?php echo $userinfo['fanscount']; ?></span></a>
                            </div>
                        </div>
                        <!--动态个人主页-->
                        <div class="detail-btnGroup" >
                            <a href="<?php echo url('index/details/home',['uid'=>$data['uid']]); ?>" class="detail-home fl" title="TA的个人主页" target="_blank" rel="nofollow" sta-site="16" stats-point="116">查看主页</a>
                            <?php if(empty(\think\Session::get('uid'))): ?>
                                    <a  class=" user-btn js-gz cure fr" href="<?php echo url('index/login/index'); ?>">登录</a>
                                <?php elseif(empty($userinfo['status'])): ?>
                                    <div class="att-btn user-btn js-gz cure fr" data-id="<?php echo $data['uid']; ?>" sta-site="3" stats-point="105">关注</div>
                                <?php else: ?>
                                    <div class="att-btn user-btn js-gz cure fr" data-id="<?php echo $data['uid']; ?>" sta-site="3" stats-point="105">取消关注</div>
                            <?php endif; ?>
                        </div>
                        <!--END动态个人主页-->

                    </div>
                </div>
                <?php if(empty(\think\Session::get('uid'))): ?>
                        <a  class=" user-btn js-gz cure fr" href="<?php echo url('index/login/index'); ?>">登录</a>
                    <?php elseif(empty($userinfo['status'])): ?>
                        <div class="att-btn user-btn js-gz cure fr" data-id="<?php echo $data['uid']; ?>" sta-site="3" stats-point="105">关注</div>
                    <?php else: ?>
                        <div class="att-btn user-btn js-gz cure fr" data-id="<?php echo $data['uid']; ?>" sta-site="3" stats-point="105">取消关注</div>
                <?php endif; ?>
            </div>
            <div class="mainRight-picTitle clearfix"><span class="fl">TA的相关作品</span>

                <a href="<?php echo url('index/details/home',['uid'=>$data['uid']]); ?>" class="fr" target="_blank" sta-site="14" stats-point="120">查看更多</a>
            </div>

            <div class="mainRight-picDetail clearfix">
                <?php if(is_array($list) || $list instanceof \think\Collection || $list instanceof \think\Paginator): $i = 0; $__LIST__ = $list;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$cc): $mod = ($i % 2 );++$i;?>
                <a href="<?php echo url('index/details/newpic',['id'=>$cc['id']]); ?>" sta-site="15" stats-point="121" class="fl">
                <img src="http://pdyc9epam.bkt.clouddn.com/<?php echo $cc['icon']; ?>?imageMogr2/thumbnail/!20p/gravity/Center/crop/120x160/format/jpg/blur/1x0/quality/75|imageslim" alt="" width="120px" height="160px">
                </a>
                <?php endforeach; endif; else: echo "" ;endif; ?>
            </div>
            </div>

            <div class="mainRight-inform"></div></div>
    </div>
</div>



<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
    <div class="modal-dialog" role="document">
        <div class="modal-content" style="width:1000px;margin-left:-200px">
            <div class="modal-body">
                <img src="http://pdyc9epam.bkt.clouddn.com/<?php echo $data['icon']; ?>?imageMogr2/format/jpg/blur/1x0/quality/75|watermark/1/image/aHR0cDovL3BkeWM5ZXBhbS5ia3QuY2xvdWRkbi5jb20vMjAxODA5MTA1Yjk2MzA5Yzk5YWY5LnBuZw==/dissolve/73/gravity/Center/dx/10/dy/10|imageslim" width="100%">
            </div>
        </div>
    </div>
</div>


                    <div class="box-topic" data-lkid="15">
                        <div class="box-topic" data-lkid="25">
                            <div class="box-topic" data-lkid="26">
                                <div class="box-topic" data-lkid="19">
                                    <div class="box-topic" data-lkid="17">
                                        <div class="box-topic" data-lkid="23">
                                            <input type="hidden" id="isLoginHidden" value="0"/>
                                            <div class="qt-footer-default">
                                                <div class="w1200 qt-footer">
                                                    <div class="footer-top clearfix">
                                                        <dl class="fl">
                                                            <dt>常见问题</dt>
                                                            <dd><a href="http://www.58pic.com/index.php?m=ogcintro"
                                                                   target="_blank"
                                                                   rel="nofollow">成为特邀设计师</a></dd>
                                                            <!--<dd><a href="http://www.58pic.com/index.php?m=ogcintro" target="_blank" rel="nofollow">成为原创贡献者</a></dd>-->
                                                            <dd>
                                                                <a href="<?php echo url('index/login/index'); ?>" target="_blank"
                                                                   rel="nofollow">注册登录</a>
                                                            </dd>
                                                            <dd>
                                                                <a href="<?php echo url('index/login/index'); ?>" target="_blank"
                                                                   rel="nofollow">帐号/密码</a>
                                                            </dd>
                                                            <dd>
                                                                <a href="<?php echo url('index/vip/index'); ?>"
                                                                   target="_blank" rel="nofollow">充值/售后</a>
                                                            </dd>
                                                            <dd>
                                                                <a href="#" target="_blank" rel="nofollow">版权投诉</a>
                                                            </dd>
                                                        </dl>
                                                        <dl class="fl">
                                                            <dt>关于云图</dt>
                                                            <dd><a href="#" target="_blank"
                                                                   rel="nofollow">关于我们</a></dd>
                                                            <dd><a href="#"
                                                                   target="_blank" rel="nofollow">媒体报道</a></dd>
                                                            <dd><a href="<?php echo url('index/index/join'); ?>"
                                                                   target="_blank" rel="nofollow">加入我们</a></dd>
                                                            <dd><a href="#" target="_blank"
                                                                   rel="nofollow">心系云图</a></dd>
                                                            <dd><a href="#" target="_blank" rel="nofollow">Q群联盟</a></dd>
                                                        </dl>
                                                        <dl class="fl">
                                                            <dt>产品服务</dt>
                                                            <dd><a href="#" target="_blank">官方博客</a></dd>
                                                            <dd><a href="#" target="_blank" rel="nofollow">帮助中心</a></dd>
                                                        </dl>

                                                        <dl class="fl">
                                                            <dt>友情链接</dt>
                                                            <dd><a href="http://sh.itxdl.cn/" target="_blank">上海兄弟连</a>
                                                            </dd>
                                                            <dd><a href="http://www.itxdl.cn/" target="_blank">兄弟连教育</a>
                                                            </dd>
                                                        </dl>
                                                        <div class="fl">
                                                            <img width="180px" src="/static/index/images/qrqr.jpg">
                                                        </div>
                                                        <div class="fr other-service">
                                                            <p class="service-title"><a
                                                                    href="javascript:void(0);" rel="external nofollow">客服咨询</a>
                                                            </p>
                                                            <p class="service-tel"><i></i> 400-9987011
                                                                <em>（9:30-18:30）</em></p>
                                                            <p class="service-email"><i></i>
                                                                <a href="mailto:feedback@58pic.com"
                                                                   rel="external nofollow">feedback@58pic.com</a>
                                                            </p>
                                                            <p class="">
                                                                <a target="_blank"
                                                                   href="http://wpa.qq.com/msgrd?v=3&uin=1217645168&site=qq&menu=yes"><img
                                                                        border="0"
                                                                        src="http://wpa.qq.com/pa?p=2:1217645168:41"
                                                                        alt="联系客服" title="联系客服"/></a>
                                                            </p>
                                                        </div>
                                                    </div>
                                                    <div class="footer-bottom clearfix">
                                                        <p class="fl bottom-icon">
                                                            <a href="" class="icon-sina" title="新浪"
                                                               rel="external nofollow" target="_blank"></a>
                                                            <a href="javascript:void(0);" class="icon-wechat" title="微信"
                                                               rel="external nofollow" target="_blank"></a>
                                                            <!-- <a href="https://www.zhihu.com/people/qian-tu-wang-36" class="icon-quaro" title="知乎" target="_blank" rel="external nofollow"></a> -->
                                                            &nbsp;
                                                        </p>
                                                        <p class="fl bottom-href">
                                                            <a href="#" target="_blank" rel="external nofollow">注册声明</a>
                                                            <a href="#" target="_blank" rel="external nofollow">版权声明</a>
                                                            <a href="#" target="_blank" rel="external nofollow">售后服务</a>
                                                        </p>
                                                        <p class="fr"> Copyright &copy;2013-2018 云图
                                                            <a href="#" target="_blank" rel="external nofollow">沪ICP备10011451号-6</a>
                                                            <a href="#" target="_blank" rel="external nofollow">
                                                                <i class="icon-badge"></i>
                                                            </a>上海工商 安全实名验证 信用网站
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <script>
                                                var stats = document.createElement('script');
                                                stats.type = 'text/javascript';
                                                stats.async = true;
                                                var s = document.getElementsByTagName('script')[0];
                                                s.parentNode.insertBefore(stats, s);
                                            </script>
                                            <!--用户唤醒弹窗-->
                                            <!--编辑弹窗-->
                                            <div class="qt-model-t model-favirite-all" id="favirite-all">
                                                <div class="mdoel-table">
                                                    <div class="model-table-call">
                                                        <div class="model-content"><span class="model-table-close">&times;</span>
                                                            <div class="model-title">
                                                                添加到收藏夹
                                                            </div>
                                                            <ul class="favirite-box"></ul>
                                                            <p class="list-loading"><i
                                                                    class="icon icon-load turnAround text-green"></i>正在加载中...
                                                            </p>
                                                            <div class="favirite-create qt-btn btn-green-linear">
                                                                <a href="javascript:;" class="j-model-fav-create"
                                                                   data-model='{"target":"#favirite-create"}'>创建收藏夹
                                                                </a>
                                                                <p class="favorite-error-msg"></p></div>
                                                            <!--        <div class="btn-group"><p class="qt-btn btn-green-linear fav-ajax" data-id=""><a href="javascript:;">确认</a></p><p class="qt-btn btn-green"><a href="javascript:;" class="j-close">取消</a></p></div>-->
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- 空弹窗 -->
                                            <div class="qt-model-t model-favirite-all" id="favirite-null">
                                                <div class="mdoel-table">
                                                    <div class="model-table-call">
                                                        <div class="model-content fav-null"><span
                                                                class="model-table-close">&times;</span>
                                                            <div class="icon-null"></div>
                                                            <p class="p1">
                                                                您还未创建收藏夹，点击创建增加新收藏夹吧！
                                                            </p>
                                                            <p class="p2">
                                                                您创建的收藏会显示在此处
                                                            </p>
                                                            <p class="qt-btn btn-green-linear j-model-fav-create"
                                                               data-model='{"target":"#favirite-create"}'><a
                                                                    href="javascript:;">创建收藏夹</a>
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- 创建弹窗 -->
                                            <div class="qt-model-t model-favirite-all" id="favirite-create">
                                                <div class="mdoel-table">
                                                    <div class="model-table-call">
                                                        <div class="model-content"><span class="model-table-close">&times;</span>
                                                            <div class="model-title">
                                                                创建到收藏夹
                                                            </div>
                                                            <div class="fav-create"><input type="text" value=""
                                                                                           class="fav-name"
                                                                                           placeholder="请输入收藏夹名称(3到10个字)">
                                                            </div>
                                                            <div class="btn-group"><p class="qt-btn btn-green-linear"><a
                                                                    href="javascript:;" id="add-page" data-id="">创建</a>
                                                            </p>
                                                                <p class="qt-btn btn-green"><a href="javascript:;"
                                                                                               class="j-close">取消</a>
                                                                </p></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <input type="hidden" data-page-count="" class="favor-page-baseinfo">
                                            <!--收藏成功弹窗-->
                                            <div class="public-popbox" id="favirite-success" style="display: none">
                                                <div class="alert-con"><i class="icont-true"></i>
                                                    <p></p></div>
                                            </div>
                                            <div class="public-popbox" id="favirite-error" style="display: none">
                                                <div class="alert-con"><i class="icont-error"></i>
                                                    <p></p></div>
                                            </div>

                                            <input type="hidden" id="favorpage-count" value="">

                                            <div class="everySign"></div>
                                            <input type="hidden" id="cycleHidden" value=""/><input type="hidden"
                                                                                                   id="start_timeHidden"
                                                                                                   value=""/><input
                                                type="hidden" id="end_timeHidden" value=""/><input type="hidden"
                                                                                                   id="weekHidden"
                                                                                                   value=""/>
                                            <style rel="stylesheet">
                                                #imglist {
                                                    /* border:1px solid red; */
                                                }

                                                #imglist img {
                                                    /* border:1px solid red; */
                                                    width: 140px;
                                                    height: 60px;
                                                }

                                                .collect {
                                                    width: 100%;
                                                    height: 100%;
                                                    position: fixed;
                                                    left: 0px;
                                                    top: 0px;
                                                    z-index: 200;
                                                    display: none;
                                                }

                                                .collect-background {
                                                    opacity: 0.2;
                                                    filter: alpha(opacity=20);
                                                    -moz-opacity: 0.2;
                                                    width: 100%;
                                                    height: 100%;
                                                    background: #000;
                                                    position: absolute;
                                                    left: 0px;
                                                    top: 0px;
                                                    z-index: 5;
                                                }

                                                .collect-model {
                                                    text-align: center;
                                                    position: relative;
                                                    z-index: 10;
                                                    width: 100%;
                                                    height: 100%;
                                                    display: table-cell;
                                                    vertical-align: middle;
                                                }

                                                .collect-model ul {
                                                    width: 526px;
                                                    padding-bottom: 30px;
                                                    background: #fff;
                                                    border-radius: 5px;
                                                    box-shadow: 0 0 15px #e1e1e1;
                                                    overflow: hidden;
                                                    display: inline-block;
                                                }

                                                .collect-title {
                                                    font-size: 14px;
                                                    line-height: 22px;
                                                    min-height: 23px;
                                                    margin: 35px auto 0;
                                                    width: 465px;
                                                    padding-left: 30px;
                                                    color: #666;
                                                    background: url(images/34.png) no-repeat 0 1px;
                                                }

                                                .collect-phone {
                                                    width: 485px;
                                                    height: 37px;
                                                    margin: 20px auto 0;
                                                    position: relative;
                                                }

                                                .collect-phone-title {
                                                    font-size: 14px;
                                                    float: left;
                                                    height: 36px;
                                                    line-height: 36px;
                                                }

                                                .collect-phone-region {
                                                    margin-left: 4px;
                                                    width: 101px;
                                                    cursor: pointer;
                                                    height: 36px;
                                                    line-height: 36px;
                                                    position: relative;
                                                    padding-left: 5px;
                                                    float: left;
                                                    border-radius: 4px;
                                                    border: 1px solid #e3e3e3;
                                                    font-size: 14px;
                                                }

                                                .collect-phone-region dl {
                                                    width: 80px;
                                                    height: 34px;
                                                    line-height: 34px;
                                                    overflow: hidden;
                                                }

                                                .collect-phone-region dl i {
                                                    display: block;
                                                    width: 16px;
                                                    height: 33px;
                                                    position: absolute;
                                                    top: 0px;
                                                    right: 0px;
                                                    background: #fff url(picture/137.jpg) no-repeat;
                                                }

                                                .collect-phone-input {
                                                    margin-left: 3px;
                                                    width: 178px;
                                                    height: 36px;
                                                    line-height: 36px;
                                                    display: block;
                                                    float: left;
                                                    border-radius: 4px;
                                                    border: 1px solid #e3e3e3;
                                                    font-size: 14px;
                                                    padding-left: 5px;
                                                    padding-right: 5px;
                                                }

                                                .collect-phone-input2, .collectEmail-input {
                                                    margin-left: 3px;
                                                    width: 178px;
                                                    height: 36px;
                                                    line-height: 36px;
                                                    display: block;
                                                    float: left;
                                                    border-radius: 4px;
                                                    border: 1px solid #e3e3e3;
                                                    font-size: 14px;
                                                    padding-left: 5px;
                                                    padding-right: 5px;
                                                }

                                                .collect-phone-input3 {
                                                    margin-left: 3px;
                                                    width: 281px;
                                                    height: 36px;
                                                    line-height: 36px;
                                                    display: block;
                                                    float: left;
                                                    border-radius: 4px;
                                                    border: 1px solid #e3e3e3;
                                                    font-size: 14px;
                                                    padding-left: 5px;
                                                    padding-right: 5px;
                                                }

                                                .collect-phone-txt {
                                                    height: 36px;
                                                    float: left;
                                                    color: #b8b8b8;
                                                    margin-left: 13px;
                                                    font-size: 14px;
                                                    line-height: 36px;
                                                }

                                                .collect-phone-code, .collect-emailBth {
                                                    width: 96px;
                                                    height: 36px;
                                                    line-height: 36px;
                                                    font-size: 14px;
                                                    text-align: center;
                                                    border-radius: 4px;
                                                    float: left;
                                                    margin-left: 8px;
                                                }

                                                .collect-phone-toggle1 {
                                                    color: #11C95E;
                                                    border: 1px solid #0BC55B;
                                                    background: #EDFFF4;
                                                }

                                                .collect-phone-toggle2 {
                                                    color: #fff;
                                                    border: none;
                                                    background: #E3E3E3;
                                                }

                                                .collect-phone-toggle2 span {
                                                    color: #fff;
                                                }

                                                .collect-btn, .collectEmailBtn {
                                                    width: 90px;
                                                    height: 37px;
                                                    line-height: 37px;
                                                    display: block;
                                                    margin: 30px auto 0;
                                                    font-size: 14px;
                                                    color: #fff;
                                                }

                                                .collect-select {
                                                    position: absolute;
                                                    top: 36px;
                                                    left: -1px;
                                                    border-radius: 4px;
                                                    display: none;
                                                    width: 282px;
                                                    height: 143px;
                                                    overflow-x: auto;
                                                    z-index: 6;
                                                    background: #fff;
                                                    border: 1px solid #e3e3e3;
                                                }

                                                .collect-select dt {
                                                    display: block;
                                                    font-size: 14px;
                                                    width: 100%;
                                                    height: 25px;
                                                    padding-left: 10px;
                                                    line-height: 25px;
                                                    color: rgb(102, 102, 102);
                                                }

                                                .collect-select dt span {
                                                    display: block;
                                                    float: right;
                                                    margin-right: 10px;
                                                    height: 25px;
                                                }

                                                .collect-select dt:hover {
                                                    background: #10c55b;
                                                    color: #fff;
                                                    cursor: pointer;
                                                }

                                                .collect-select dt:hover span {
                                                    color: #fff;
                                                }

                                                .collect-block {
                                                    display: block;
                                                }

                                                .collect-phone-error, .collect-code-error, .collect-email-error, .collect-myCode-error {
                                                    position: absolute;
                                                    display: none;
                                                    top: 36px;
                                                    left: 60px;
                                                    height: 20px;
                                                    width: 200px;
                                                    font-size: 12px;
                                                    color: #666;
                                                    line-height: 20px;
                                                }

                                                .collect-phone-error i, .collect-code-error i, .collect-email-error i, .collect-myCode-error i {
                                                    background: url(images/35.png) no-repeat -34px -193px;
                                                    margin-right: 4px;
                                                    vertical-align: -3px;
                                                    width: 14px;
                                                    height: 14px;
                                                    display: inline-block;
                                                }

                                                .collect-code-error {
                                                    width: 400px;
                                                }

                                                .person {
                                                    float: right;
                                                    width: 121px;
                                                    height: 52px;
                                                    margin-right: 31px;
                                                    margin-top: 5px;
                                                    position: relative;
                                                    max-width: 180px;
                                                    width: auto !important;
                                                    cursor: pointer;
                                                }

                                                .blo-tel {
                                                    margin-left: 10px;
                                                    margin-top: 15px;
                                                    margin-right: -8px;
                                                    float: right;
                                                    color: #999;
                                                    max-width: 104px;
                                                    overflow: hidden;
                                                    text-overflow: ellipsis;
                                                    white-space: nowrap;
                                                }
                                            </style><!--手机号验证-->
                                            <script src="/static/index/js/jquery.min.js"></script>
                                            <script src="/static/index/js/toastr.js"></script>
                                            <script src="/static/index/js/bootstrap.min.js"></script>
                                            <!--<script type="text/javascript" src="/static/index/js/256.js"></script>-->
                                            <!--<script type="text/javascript" data-loader src="/static/index/js/257.js"></script>-->
                                            <script type="text/javascript" src="/static/index/js/258.js"></script>
                                            <script src="/static/index/js/jquery.goup.js"
                                                    type="text/javascript"></script>
<script>
    $(function () {
        $(".person").mouseover(function () {
            $(".put-up").show();
        }).mouseout(function () {
            $(".put-up").hide();
        });
    });
</script>

                                            
<script>

    $('#show-area-height').click(function(){
        console.log(1);
    })

    $('.d-btn').click(function(){
        if($(this).attr('down-num')=='0'){
            alert('当天下载次数已用完,开通VIP不限量下载');
        return false;
        }
        if($(this).attr('down-num')=='1'){
            $(this).attr('down-num','0');
        }
    })


    //执行关注和取消关注

    $('.att-btn').click(function(){
        var fid=$(this).attr('data-id');
        var fanscount = $('.fanscount').html();
        attAjax(fid,fanscount);
    })
    function attAjax(fid,fanscount)
    {   
        $.ajax({
            type:'post',
            dataType:'json',
            data:{'fid':fid},
            url:'/attention',
            success:function(data){
                if(data.status){
                    toastr.success('关注成功');
                    $('.fanscount').html(parseInt(fanscount)+1);
                    $('.att-btn').html('取消关注');
                }else{
                    toastr.success('取关成功');
                    $('.fanscount').html(parseInt(fanscount)-1);
                    $('.att-btn').html('点击关注');
                }
            },
            error:function(){
                toastr.error('网络错误,请重试');
            }
        })
    }

    //执行收藏和取消收藏
    $('.coll-btn').click(function(){
        var gid = $(this).attr("data-id");
        var collcount = $('#s_fav').html();
        collectAjax(gid,collcount);
    });

    function collectAjax(gid,collcount)
    {
        $.ajax({
            type:'get',
            dataType:'json',
            data:{'gid':gid},
            url:'/docollect',
            success:function(data){
                if(data.status){
                    toastr.success(data.info);
                    $('.coll-btn').css('color','#000');
                    $('#s_fav').html(parseInt(collcount)-1);
                }else{
                    toastr.success(data.info);
                    $('.coll-btn').css('color','red');
                    $('#s_fav').html(parseInt(collcount)+1);
                }
            },
            error:function(){
                toastr.error('网络错误');
            }
        });
        }
    $('.msg-btn').click(function(){
        toastr.error('请登录后再试');
    });
</script>

</body>
</html>

